﻿.imageViewer {
	text-align : center;
	position : fixed;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	padding : 36px 0 42px 0;
	z-index : 5;
}
.imageViewer > header {
	height : 36px;
	margin-top : -36px;
	padding : 3px;
}
.imageViewer > header,
.imageViewer > footer {
	background-color : #000;
	box-shadow : 0 0 10px #000;
	position : relative;
	z-index : 2;
}
.imageViewer button {
	height : 100%;
	background : url(image/w24.png) 0 0 no-repeat content-box content-box;
}
.imageViewer > header > button {
	width : 30px;
	padding : 4px;
}
.imageViewer > header > button[data-action="0"] {
	background-position : 0 -85px;
	float : left;
}
.imageViewer > header > button[data-action="1"] {
	background-position : 0 -60px;
	float : right;
}
.imageViewer > figure {
	position : relative;
	width : 100%;
	height : 100%;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : contain;
}
.imageViewer > footer {
	height : 42px;
	padding : 3px;
}
.imageViewer > footer > button {
	width : 36px;
	padding : 7px;
	margin : 0 6px;
}
.imageViewer > footer > button[data-action="2"] {
	background-position : 0 1px;
}
.imageViewer > footer > button[data-action="3"] {
	background-position : 0 -24px;
}